
<style>
	.per>div{
			float: left;
			height: 150px;
	}
	.per_01{
		width: 25%;
		box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0 rgba(0, 0, 0, 0.02);
	    border-radius: 5px;
	    background-color: #ffffff;
		margin-top: 1%;

	}
	
	.per_02{
		width: 48%;
		box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0 rgba(0, 0, 0, 0.02);
	    border-radius: 5px;
	    background-color: #ffffff;
		margin: 1%;
	}
	.per_03{
		width: 25%;
		box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0 rgba(0, 0, 0, 0.02);
	    border-radius: 5px;
	    background-color: #ffffff;
		margin-top: 1%;

	}
	.per_div_01{
		height: 30px;
		font-size: 16px;
	}
	.per_div_02{
		width: 100%;
		text-align: center;
		cursor: pointer;
	}
	.per_div_04{
		width: 100%;
		text-align: center;
		line-height: 30px;
		display: inline-block;
	}
	.per_div_04>div{
		float:left;
		margin-top: 20px;
		width: 50%;
		cursor: pointer;
	}
	.per_div_03{
		width: 100%;
		text-align: center;
		line-height: 30px;
		display: inline-block;
	}
	.per_div_03>div{
		float:left;
		margin-top: 20px;
		width: 23%;
		cursor: pointer;
	}
	.per_div_03>div:nth-of-type(4){
		    top: 90px;
    	right: 3.3rem;
    	position: absolute;
	}
	.per_div_03>div>div:nth-of-type(1){
		font-size: 16px;
    	letter-spacing: 2px;
   		color: #999999;
	}
	.per_div_03>div>div:nth-of-type(2){
		margin-top: 10px;
		font-size: 20px;
	}
	
	
	.per_div_02>div:nth-of-type(1){
		font-size: 16px;
		letter-spacing: 2px;
		color: #999999;
	}
	.per_div_02>div:nth-of-type(2){
		font-size: 20px;
	}
	.per_div_02>div{
		margin: 20px 0; 
	}
	.per_div_04>div>div:nth-of-type(1){
		font-size: 16px;
		letter-spacing: 2px;
		color: #999999;
	}
	.per_div_04>div>div:nth-of-type(2){
			margin: 10px 0; 
		font-size: 20px;
	}
	
	
	.per_div_01:nth-of-type(1)>div>div{
		margin: 10px 10px 0 0;
		float: left;

	}
	.per_div_03>div{
		
	}
	.grend{
		color:#54D3AE!important;
	}
	.blud{
		color:#5D9EFF!important ;
	}
	.yeloow{
		color:#FFC066!important
	}
	.label_00{
		background: #4092e8;
		height: 22px;
		width: 10px;

		display: inline-block;
	}
	.echarts{
		height: 150px!important;
		width: 200px!important;
	}
</style>
<div id="content-header">
    <div id="breadcrumb"> 
    	<a href="#" title="Go to Home" class="tip-bottom">
    		<i class="icon-home"></i>工作量</a> 
    		<a ui-sref="home.personnel" class="current">部门工作量
    	</a> 
    </div>
  </div>
  
  <div class="container-fluid">
    <div class="row-fluid">
      <div class="per">
 			<div class="per_01">
 				<div class="per_div_01">
 					<div>
 						<div class="label_00"></div>
 						<div>
 							部门工作量
 						</div>
 					</div>
 				</div>
 				<div class="per_div_02" ng-click="tTypes()">
 					<div ng-class="{'':'blud'}[tType]">
 						 部门工作总和
 					</div>
 					<div>
 						{{workNum}}
 					</div>
 				</div>
 			</div>
 			<div class="per_02">
 				<div class="per_div_01">
 					<div>
 						<div class="label_00"></div>
 						<div>
 							人员情况
 						</div>
 					</div>
 				</div>
 				<div class="per_div_03">
 					<div ng-click="tTypes(1)">
 						<div ng-class="{1:'blud'}[tType]">维护中人数</div>
 						<div class="blud">{{maintenanceNum}}</div>
 					</div>
 					<div ng-click="tTypes(0)">
 						<div ng-class="{0:'blud'}[tType]">项目中人数</div>
 						<div class="grend">{{projectNum}}</div>
 					</div>
 					<div ng-click="tTypes(2)" >
 						<div ng-class="{2:'blud'}[tType]">空闲人数</div>
 						<div class="yeloow">{{freeNum}}</div>
 					</div>
 					<div>
 						<ng-echarts class="col-md-12 echarts" ec-config="lineConfig" ec-option="lineOptionsage" ></ng-echarts>
 					</div>
 				</div>
 				
 			</div>
 			<div class="per_03">
 				<div class="per_div_01">
 					<div>
 						<div class="label_00"></div>
 						<div>
 							类型情况
 						</div>
 					</div>
 				</div>
 				<div class="per_div_04">
 					<div ng-click="clickX(0)">
 						<div  ng-class="{0:'blud'}[typess]">项目合计工作量</div>
 						<div>{{projectTotalNum}}</div>
 					</div>
 					<div ng-click="clickX(1)">
 						<div ng-class="{1:'blud'}[typess]">维护合作工作量</div>
 						<div class="grend">{{maintenanceTotalNum}}</div>
 					</div>
 					
 				</div>
 				
 			</div>
				
      </div>
    </div>
 </div>
  <div class="col-sm-12 col-md-5" style="padding-top: 50px;width: 100%	;">
	<!--<div class="dt-buttons btn-group">
		<a class="btn btn-primary buttons-copy buttons-html5" tabindex="0" aria-controls="datatable-buttons" href="#"><span>Copy</span></a>
		<a class="btn btn-success buttons-excel buttons-html5" tabindex="0" aria-controls="datatable-buttons" href="#"><span>Excel</span></a>
		<a class="btn btn-danger buttons-pdf buttons-html5" tabindex="0" aria-controls="datatable-buttons" href="#"><span>PDF</span></a>
	</div>-->
	<div class="btn   btnheight" style="    line-height: 26px;" ng-if="sta!=0"  ></div>
	<div class="btn  btn-primary btnheight" style="    line-height: 26px;" ng-if="sta==1"  ng-click="fanhui(0)">返回</div>
	<div class="col-md-13">
		<div id="datatable-buttons_filter" class="dataTables_filter" ng-show="sta==2"  >
			
			<label style="float: left;">
					<ui-select ng-model="selected.value">
								    <ui-select-match>
								        <span  ng-bind="$select.selected.diName" ></span>
								    </ui-select-match>
								    <ui-select-choices repeat="item in (itemArray | filter:  $select.search) track by item.diId">
								        <span ng-bind="item.diName"></span>
								    </ui-select-choices>
			</ui-select>
			</label>
			<label style="float: left;">
				
					<button  class="btn  btn-primary btnheight btn-inquiry" ng-click="search(pageNum,project,staffs)" style="width: inherit;">查询</button>
			</label>
		</div>
	</div>
</div>
  
  
  <div class="container-fluid">
    <div class="row-fluid">
      <div class="span12">
 
			<div class="widget-box">
          <div class="widget-content nopadding">
            <table class="table table-bordered data-table">
              <thead>
                <tr ng-if="sta==0">
                  <th width="20%" >编号</th>
                  <th width="20%">姓名</th>
                  <th width="20%">职位</th>
                 <th width="20%">总工作量</th>
                  <th width="20%">状态</th>
                 
                </tr>
                <tr ng-if="sta==1">
                  <th width="10%" >任务名称</th>
                   <th width="10%">项目名称</th>
                  <th width="10%">指派人</th>
                  <th width="10%">添加人</th>
                  <th width="10%">任务开始时间</th>
                  <th width="10%">任务结束时间</th>
                  <th width="10%">任务工作量</th>
                  <th width="10%">任务类型</th>
                  <th width="10%">状态</th>
                </tr>
                <tr ng-if="sta==2">
                   <th width="10%" >任务名称</th>
                   <th width="10%">项目名称</th>
                  <th width="10%">指派人</th>
                  <th width="10%">添加人</th>
                  <th width="10%">任务开始时间</th>
                  <th width="10%">任务结束时间</th>
                  <th width="10%">任务工作量</th>
                  <th width="10%">任务类型</th>
                  <th width="10%">状态</th>
                </tr>
              </thead>
              <tbody ng-if="sta==0">
                <tr class="gradeX" bindonce ng-repeat="o in list" ng-click="clickP(o.sId)" >
                 <td bo-text="$index+1"></td>
                  <td bo-text="o.sName"></td>
                  <td bo-text="o.sPosition"></td>
                   <td bo-text="o.sumtWorkload"></td>
                   <td class="grend" ng-if="o.states==0">项目</td>
                    <td class="blud" ng-if="o.states==1">维护</td>
                     <td class="yeloow" ng-if="o.states==2">空闲</td>
                  
                </tr>
                 <tr class="gradeX"  ng-if="totalSize==0||totalSize==undefined"  class="even">
	            	<td colspan="8"> 暂无数据</td>
	           	</tr>
              </tbody >
              
              <tbody ng-if="sta==1">
                <tr class="gradeX" bindonce ng-repeat="o in list"  >
                 <td bo-text="o.tName"></td>
                  <td bo-text="o.tProName"></td>
                    <td bo-text="o.tDesigneeName"></td>
                    <td bo-text="o.tCreatePeopleName"></td>
                   <td bo-text="o.tStartTime|dateValue"></td>
                 	 <td bo-text="o.tEndTime|dateValue"></td>
                   <td bo-text="o.tWorkload"></td>
                   <td >
                   	<span ng-if="o.tType==0" class="grend">项目</span>
                   	<span ng-if="o.tType==1" class="blud">维护</span>
                   </td>
                   <td >
                   	<span ng-if="o.tState==0"><img src="img/demo/success.png"/></span>
                   	<span ng-if="o.tState==1"><img src="img/demo/error.png"/></span>
                   </td>
                </tr>
                 <tr class="gradeX"  ng-if="totalSize==0||totalSize==undefined"  class="even">
	            	<td colspan="10"> 暂无数据</td>
	           	</tr>
              </tbody>
               <tbody ng-if="sta==2">
                <tr class="gradeX" bindonce ng-repeat="o in list"  >
                  <td bo-text="o.tName"></td>
                  <td bo-text="o.tProName"></td>
                    <td bo-text="o.tDesigneeName"></td>
                    <td bo-text="o.tCreatePeopleName"></td>
                   <td bo-text="o.tStartTime|dateValue"></td>
                 	 <td bo-text="o.tEndTime|dateValue"></td>
                   <td bo-text="o.tWorkload"></td>
                   <td >
                   	<span ng-if="o.tType==0" class="grend">项目</span>
                   	<span ng-if="o.tType==1" class="blud">维护</span>
                   </td>
                   <td >
                   	<span ng-if="o.tState==0"><img src="img/demo/success.png"/></span>
                   	<span ng-if="o.tState==1"><img src="img/demo/error.png"/></span>
                   </td>
                </tr>
                 <tr class="gradeX"  ng-if="totalSize==0||totalSize==undefined"  class="even">
	            	<td colspan="10"> 暂无数据</td>
	           	</tr>
              </tbody>
            </table>
            
           
          </div>
        </div>
         <div class="fy" ng-if="totalSize>0">
									<p>共<span>{{totalSize}}</span>条记录，<span>{{pageNum}}</span>/<span>{{totalNum}}</span>页</p>
									<ul uib-pagination 
										first-text="首页" 
										last-text='末页' 
										next-text='下一页' 
										previous-text='上一页' 
										total-items="totalSize" 
										items-per-page='pageSize' 
										boundary-link-numbers='true' 
										max-size='3' boundary-links='true' 
										ng-model="$parent.tj.current" 
										ng-change='search(tj.current)'>
									</ul>
									<p>到第<input placeholder="{{pageNum}}" ng-change="pageUp()" ng-model="$parent.tj.page" />页</p>
									<span ng-click="toPage($parent.tj.page)">前往</span>
			</div>
					
      </div>
    </div>
 </div>